<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<script type="text/javascript">
	$(function(){
		$("#try_report_amount").text("试用报告(${pageModel.totalRecord})");
		
		
		//图片加载完之后给div赋值样式
	  	$('#try_report_con').masonry({
    		itemSelector : '.reportDet'
	  	});
		
		//分页
		$("#pager").pager({ pagenumber: ${pageModel.currentPage}, 
								pagecount: ${pageModel.totalPage},
								buttonClickCallback: function(page){
									$("#try_report_apply_doing").load("tryReport.htm?bonus=${bonus}&page="+page);
								}
		});
	})
</script>
<div class="reportCont" id="try_report_con">
<c:forEach items="${pageModel.list}" var="pictorial">
	<div class="reportDet" style="margin-top: 10px;">
		<div class="reportBox">
	    	<div class="hd"></div>
	        <div class="repCpDet">
	        	<div class="rcd_title font16px fontWeight">
	            	<a target="_blank" href="picdt.htm?id=${pictorial.identifier}"><c:out value="${pictorial.title}" /></a>
	            </div>
	          <div class="rcd_pic">
	           	 	<a target="_blank" href="picdt.htm?id=${pictorial.identifier}" class="big_Pic"><img src="${pictorial.picList4[0].picUrl }_320xXXX.jpg" height="${(320/pictorial.picList4[0].picWidth) * pictorial.picList4[0].picHeight }"/></a>
	                <div class="clear"></div>
	                <ul>
	                	<c:forEach items="${pictorial.picList4}" var="doingPictorial" begin="1">
	                		<li>
		                    	<a target="_blank" href="picdt.htm?id=${pictorial.identifier}">
	                        		<img src="${doingPictorial.picUrl}_100x100.jpg" width="64" height="64"/>
	                        	</a>
		                    </li>
                       	</c:forEach>
                      	<c:forEach  begin="${fn:length(pictorial.picList4)}" end="3">
                      		<li>
                      			<a target="_blank" class="speStyle" href="picdt.htm?id=${pictorial.identifier }"></a>
                      		</li>
                       	</c:forEach>
	                	<li class="noImg">
	                    	<a target="_blank" href="picdt.htm?id=${pictorial.identifier }" class="repShowToPic">
	                        	<span>${pictorial.picAmount}</span>图
	                        </a>
	                    </li>
	                </ul>
	          </div>
	            <div class="rcd_otherInfo">
	            	<span class="time"><fmt:formatDate value="${pictorial.gmtModified}" pattern="yyyy-MM-dd HH:mm:ss" /></span>
	                <span class="bd_fav">${pictorial.viewAmount }人围观</span>
	                <a target="_blank" href="picdt.htm?id=${pictorial.identifier }" class="bd_pl">${pictorial.commentCount }评论</a>
	                <p class="bd_cont"><c:out value="${pictorial.description}" /></p>
	          </div>
	          <div class="clear"></div>
	        </div>
	        <div class="ft"></div>
	    </div>
	</div>
</c:forEach>
</div>
<div id="pager" class="h_page"></div>   
    
